<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title> 
    <link rel="stylesheet" href="../layui/css/layui.css">
    <style>
           nav{
               margin-top: 35px;
               margin-left: 30px;
           }
    </style>
</head>
<body>
    <div>
        <!-- 路径导航 -->
        <nav>
            <span class="layui-breadcrumb">
                <a>资料管理</a>
                <a>学生管理</a>
                <a><cite>显示学生的信息</cite></a>
              </span>          
        </nav>
        <hr style="margin-top: 20px; width: 800px; margin-left: 30px;">
        <div>
            <form class="layui-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">学生姓名:</label>
                    <div class="layui-input-inline">
                      <input type="text" name="studentname" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                    </div>abel class="layui-form-label">班级</label>
                    <div class="layui-input-inline">
                      <input type="text" name="calssname" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                    </div>
                    <label class="layui-form-label">所在房间</label>
                    <div class="layui-input-inline">
                      <input type="text" name="roomNum" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                  </div>
                </div>
            </form>
    </div>
  </div>
</body>
</html>
<script src="../layui/layui.js"></script>
<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
layui.use('element', function(){
  var element = layui.element;
  
  //…
});
</script>